<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style>
        .box{
            
            width: 504px;
            height: 300px;
            background-image: linear-gradient(#c2dbd5, white);
        }
      .b1{
        text-align: center;
      }
        h1{
        text-align: center;
            display: inline;
            text-indent: 10em;
            font-size: 20px;
            color:rgb(13, 125, 148) ;
        }
        .span2{
            color: rgb(147, 165, 165);
            font-size: 14px;
           font-weight: bolder;
        }
        p{
            text-indent: 2em;
            font-size: 10px;
        }
        .span1{
            color: rgb(141, 47, 145);
           font-size: 30px; 
           text-shadow:0 0 20px #8c20a7;
        }
        .span3{
            color: blue;
            font-size: 15px;
            font-style: italic;
        }
        .p1{
            text-decoration: underline;
            color:green;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="b1">
    <h1>初相遇</h1> <span class="span2">文/席慕容</span></div>
    <p><span class="span1"> 美</span>丽的梦和美丽的诗一样，都是可遇而不可求的，常常在最没能料到的时刻里出现。</p>
    <p>我喜欢那样的梦，在梦里，一切都可以重新开始，一切都可以慢慢解释，心里甚至还能感觉到，所有被浪费的时光竟然都能重回时的狂喜与感激。<span class="span3"> 胸怀中满溢着幸福，只因你就在我眼前</span>，对我微笑，一如当年。</p>
    <p class="p1">我喜欢那样的梦，明明知道你已为我跋涉千里，却又觉得芳草鲜美，落落英缤纷，好像你我才初相遇。</p></div>
</body>
</html>